//文档加载事件
$(function () {
    // banner轮播图
    lunbo('#slider', 450, 970, 450, 40, 2, 0);
    // 每日好货推荐
    lunbo('.recommend-slider',285,957,285)
    // 产品列表选项卡
    lunbo('.tab-slider', 300, 455, 300, 20);

    function lunbo(slider, boxh, imgW, imgH, controlsW, controlsH, radius) {
        $(slider).slidebox({
            boxh: boxh || 450,//盒子的高度
            w: imgW || 970,//图片的宽度
            h: imgH || 450,//图片的高度
            isShow: true,//是否显示控制器
            isShowBtn: true,//是否显示左右按钮
            controltop: 10,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
            controlsW: controlsW || 40,//控制按钮宽度
            controlsH: controlsH || 2,//控制按钮高度
            radius: radius || 0 //控制按钮圆角度数
        });
    }

    /* 顶部隐藏搜索框 */
    
    $(window).scroll(function () {
        console.log($(window).scrollTop());
        if ($(window).scrollTop() >= 630) {
            $('.hide').css('display','block')
        }else{
            $('.hide').css('display','none')
        }
    })



    /* 产品推荐计时器 */
    // 设置一个总时间
    let secondSum = 40000000 / 1000

    setInterval(() => {
        let second = Math.floor(secondSum % 60)
        let minute = Math.floor(secondSum / 60 % 60)
        let hour = Math.floor(secondSum / 60 / 60 % 24)
        secondSum--;
        $(".recommend-bottom-second").text(second);
        $('.recommend-bottom-minute').text(minute);
        $('.recommend-bottom-hour').text(hour);

    }, 1000);





    /* 产品列表选项卡 */

    $('.top-right-text').mouseenter(function () {
        let index = $(this).index();
        $(this).addClass('border-btm cffbd0d').siblings().removeClass('border-btm cffbd0d');
        $(this).closest('.product-top').siblings('.product-btm').find('.product-con')
            .eq(index).addClass('disb').siblings().removeClass('disb')

    })


    /* 楼层导航 */
    // 鼠标移入事件


    $('.nav-li').hover(function () {
        let colorAll = ['#ffbd0d', '#7a45e5', '#f770cf', '#00b262']
        $(this).css({
            'background-position-x': -40,
            'background-color': colorAll[$(this).index()],
            'width': 40,

        })

        if ($(this).index() === 4) {
            $(this).css({
                'background-position-x': 0,
                'width': 0
            })
        }

    }, function () {
        $(this).css({
            'background-position-x': '',
            'background-color': '#fff',
            'width': 0
        })

    }).click(function () {

        if ($(this).index() === 4) {
            $('html,body').stop().animate({ scrollTop: 0 }, 300)
        } else (
            $('html,body').stop().animate
                ({ scrollTop: $('.floor').eq($(this).index()).offset().top }, 300)

        )
    })
















})